<template>
	<view class="detailItem">
		<!-- 标题 -->
		<h1>详情信息</h1>
		<!-- 列表数据 -->
		<view class="detailItem_list">
			<view class="list_left">
				质检编号:
			</view>
			<view class="list_right">
				{{ qualityTestDetail.testId ? qualityTestDetail.testId : '-'}}
			</view>
		</view>
		<view class="detailItem_list">
			<view class="list_left">
				质检员姓名:
			</view>
			<view class="list_right">{{ qualityTestDetail.systemMemberName ? qualityTestDetail.systemMemberName : '-'}}
			</view>
		</view>
		<view class="detailItem_list">
			<view class="list_left">
				仓库名称:
			</view>
			<view class="list_right">
				{{ qualityTestDetail.productInfo.depotName ? qualityTestDetail.productInfo.depotName : '-'}}
			</view>
		</view>
		
		<view class="detailItem_list">
			<view class="list_left">
				商品编号:
			</view>
			<view class="list_right">
				{{ qualityTestDetail.productId ? qualityTestDetail.productId : '-'}}
			</view>
		</view>
		<view class="detailItem_list">
			<view class="list_left">
				商品名称:
			</view>
			<view class="list_right">
				{{ qualityTestDetail.productInfo.productName ? qualityTestDetail.productInfo.productName : '-'}}
			</view>
		</view>



		<view class="detailItem_list">
			<view class="list_left">
				来源单号:
			</view>
			<view class="list_right"> {{ qualityTestDetail.sourceNumber ? qualityTestDetail.sourceNumber : '-'}}</view>
		</view>

		<view class="detailItem_list">
			<view class="list_left">
				检测时间:
			</view>
			<view class="list_right">
				{{ qualityTestDetail.createTime ? qualityTestDetail.createTime : '-'}}
			</view>
		</view>
		<view class="detailItem_list">
			<view class="list_left">
				验收方式:
			</view>
			<view class="list_right">
				{{ acceptance[qualityTestDetail.acceptance] }}
			</view>
		</view>
		<view class="detailItem_list">
			<view class="list_left">
				相关图片
			</view>
			<view class="list_right">
				<view class="right_img">
					<image :src="qualityTestDetail.image" mode=""></image>
				</view>
			</view>
		</view>
	</view>

	</view>
</template>

<script>
	export default {
		props: {
			qualityTestDetail: {
				type: Object,
				default: {},
			}
		},
		data() {
			return {
				// 申诉结果
				appealResult: {
					1: '申诉成功',
					2: '申诉失败',
					3: '已取消申诉',
					4: '未申诉',
				},
				// 仓库名称
				warehouseList: {
					1: '北京顺义仓',
					2: '北京通州仓',
					3: '北京大兴仓',
					4: '天津西青仓'
				},
				acceptance: {
					1: '入库验收',
					2: '库内质检',
					3: '北京大兴仓',
					4: '天津西青仓'
				},
			}
		},
		methods: {

		}
	}
</script>

<style lang="scss" scoped>
	.detailItem {
		background-color: white;
		margin: 10px;
		padding: 10px;
		border-radius: 10px;

		h1 {
			color: black;
			font-size: 16px;
			font-weight: bold;
			padding: 20px 0;
		}

		.detailItem_list {
			display: flex;
			// align-items: center;
			margin-bottom: 20px;
		}

		.list_left {
			margin-right: 20px;
			flex-shrink: 0;
			font-weight: bold;
		}

		.textBottom {
			margin-bottom: 20px;
		}

		.list_right {
			line-height: 20px;

			.right_img {


				image {
					width: 70px;
					height: 50px;
					margin-bottom: 10px;
					margin-right: 10px;
				}
			}

		}
	}
</style>